import { useState } from 'react'

// 受控表单：通过 input 的 value 和 onChange 属性来实现数据的双向绑定

function ControlledForm() {
	const [iptvalue, setIptValue] = useState('默认值')

	return (
		<>
			<input type="text" value={iptvalue} onChange={(e) => setIptValue(e.target.value)} />
			<p>当前输入值：{iptvalue}</p>
		</>
	)
}

export default ControlledForm
